<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/about.css">
    <title>about</title>
</head>
<body>
    <div class="first">
        <div class="ft-left">
            <img src="./img/星球.png">
            <img src="./img/沙发.png">
            <img src="./img/消息.png">
            <img src="./img/首页.png">
        </div>
        <div class="ft-right">
            <img src="./img/用户.png">
            <span>ContacUst@Gmail.com</span>
        </div>
    </div>
    <div class="biaoti">
        <div class="biao-left"><img src="./img/97.jpg"></div>
        <div class="biao-right">
            <ul>
                <li><a href="£">HOM</a>E</li>
                <li><a href="£">BLOG</a></li>
                <li><a href="£">ABOUT US</a></li>
                <li><a href="£">CONTACT</a></li>
            </ul>
        </div>
    </div>
    <div style="background-image:url('./img/null-9d6ed09a580952.jpg');" class="bigimg">
        <div class="bigimg-1">
            <h1>SEE THE WORD DIFFERENTLY</h1>
            <p>Requset design and book travel experiences as unique as you are</p>
            <div class="sousuo">
                <input value="Where are you going?" />
                <button><img src="./img/搜索.png"> Search</button>
            </div>
            <div class="bigimg-2">
                <span>TOP DESTINATION:</span>
                <ul>
                    <li>PARIS</li>
                    <li>NEW YORK</li>
                    <li>LONDON</li>
                    <li>ROME</li>
                    <li>SAN FRANCISCO</li>
                    <li>MORE</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="ab-boss2">
        <div class="ab-left">
            <h2>Sharing Your Explorer's Story:Man and Mother Nature</h2>
            <p>BY<span>Danny</span>on April 14,2015</p>
            <div style="width: 100%; margin:20px 0;"><img src="./img/null-9d6ed09a580952.jpg" style="width: 100%; display: inline-block; border-radius: 20px;"></div>
            <div class="pp1">
                <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.</p>
            </div>
            <div class="pp2">
                <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.The sands in your way beg for your song and your movement, dancing water. Will you carry the burden of their lameness?</p>
                <div class="pp2-1">
                    <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs</p>
                </div>
                <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.The sands in your way beg for your song and your movement</p>
            </div>
            <h2>Heading 1</h2>
            <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.The sands in your way beg for your song and your movement</p>
            <h2>Heading 2</h2>
            <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.The sands in your way beg for your song and your movement</p>
            <h2>Heading 3</h2>
            <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.The sands in your way beg for your song and your movement</p>
            <div class="pp3">
                <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.The sands in your way beg for your song and your movement</p>
                <p style="color:#ccc9c9 ;">Stray birds of summer come to my window to sing and fly away</p>
                <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.The sands in your way beg for your song and your movement</p>
            </div>
            <div class="pp4">
                <ul>
                    <li>Lorem ipsum</li>
                    <li>Sit amet vultatup nonumy</li>
                    <li>Duista sed diam</li>
                </ul>
            </div>
            <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.The sands in your way beg for your song and your movement</p>
            <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn</p>
        </div>
        <div class="ab-right">
            <div class="abr-1">
                <img src="./img/97.jpg">
            </div>
            <div class="abr-2">
                <div class="hang">
                    <span>Tags</span>
                </div>
                <p>Stray birds of summer come to my window to sing and fly away</p>
            </div>
            <div class="abr-2">
                <div class="hang">
                    <span>TRENDING NEWS</span>
                </div>
                <div class="tplie">
                    <div class="tplie-1">
                        <img src="./img/d163e9a321014764f105fff2ed2c42e.jpg">
                        <p>Stray birds of summer come to my window to sing and fly away</p>
                    </div>
                    <div class="tplie-1">
                        <img src="./img/d163e9a321014764f105fff2ed2c42e.jpg">
                        <p>Stray birds of summer come to my window to sing and fly away</p>
                    </div>
                    <div class="tplie-1">
                        <img src="./img/d163e9a321014764f105fff2ed2c42e.jpg">
                        <p>Stray birds of summer come to my window to sing and fly away</p>
                    </div>
                    <div class="tplie-1">
                        <img src="./img/d163e9a321014764f105fff2ed2c42e.jpg">
                        <p>Stray birds of summer come to my window to sing and fly away</p>
                    </div>
                </div>
            </div>
            <div class="abr-2">
                <div class="hang">
                    <span>Archives</span>
                </div>
                <form>
                    <select id="country" name="country">
                    <option value="au">Australia</option>
                    <option value="ca">Canada</option>
                    <option value="usa">USA</option>
                    </select>
                </form>
            </div>
            <div class="abr-2">
                <div class="hang">
                    <span>Gallery</span>
                </div>
                <div style="margin-top: 20px;">
                    <div class="smallimg2div">
                        <div class="smallimg2">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                        </div>
                        <div class="smallimg2">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                        </div>
                        <div class="smallimg2">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                        </div>
                        <div class="smallimg2">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                            <img src="img/null-9d6ed09a580952.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="abr-2">
                <div class="hang">
                    <span>Meta</span>
                </div>
                <ul>
                    <li>May 2015</li>
                    <li>May 2015</li>
                    <li>May 2015</li>
                    <li>May 2015</li>
                </ul>
            </div>
        </div>
        <div class="ab-bottom">
            <div class="hang">
                <span>Related Post</span>
            </div>
            <div class="abb">
                <div class="abb-1">
                    <img src="./img/null-9d6ed09a580952.jpg">
                    <p>Stray birds of summer come to my window to sing and fly away</p>
                </div>
                <div class="abb-1">
                    <img src="./img/null-9d6ed09a580952.jpg">
                    <p>Stray birds of summer come to my window to sing and fly away</p>
                </div>
                <div class="abb-1">
                    <img src="./img/null-9d6ed09a580952.jpg">
                    <p>Stray birds of summer come to my window to sing and fly away</p>
                </div>
            </div>
        </div>
    </div>
    <div class="last">
        <div class="last-1">
            <img src="./img/97.jpg">
            <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
        </div>
        <div class="last-1">
            <div class="hang">
                <span>NEWS LETTER</span>
            </div>
            <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
            <input value="Enter your email address...">
            <button>SUBCRIBE NOW</button>
        </div>
        <div class="last-1">
            <div class="hang">
                <span>NEWS LETTER</span>
            </div>
            <div class="last-img">
                <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
            </div>
        </div>
        <div class="last-2">
            <p>Copyright @ 2015cOMPANY NAME aLL RIGHTS RESERVED.氢设计</p>
        </div>
    </div>
</body>
</html>